<div class="todoListWrapper">
  <ul>
    <ng-container *ngFor="let todo of filteredTodos">
      <TodoItem [todo]="todo"></TodoItem>
    </ng-container>
  </ul>
</div>

<TodoFilters
  [todos]="filteredTodos"
  [currentFilter]="filter"
  (filterResultsFn)="filterResults($event)"
  (clearCompletedFn)="clearCompleted()"
></TodoFilters>
